/**
 * 扫描日志表格样式
 */
@import '../../common.less';

.scan-log-table {
    .sa-table-container();

    .filter-bar {
        .sa-filter-bar();
    }

    .ant-table-wrapper {
        .sa-table-wrapper();
    }

    .ant-pagination {
        .sa-pagination();
    }

    // 扫描日志特定样式
    .scan-log-ip {
        font-family: 'Courier New', Courier, monospace;
        color: #595959;
        font-size: 13px;
    }

    .scan-log-process-key {
        font-family: 'Courier New', Courier, monospace;
        color: #8c8c8c;
        font-size: 12px;
        word-break: break-all;
    }

    .scan-log-method-count {
        font-weight: 600;
        color: #1890ff;
    }

    .scan-log-duration {
        color: #52c41a;
        font-weight: 500;
    }

    .scan-log-result-summary {
        max-width: 300px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        color: #595959;
        line-height: 1.5;
    }

    // 成功/失败标签样式增强
    .ant-tag {
        &.ant-tag-success {
            background-color: #f6ffed;
            border-color: #b7eb8f;
            color: #52c41a;
            font-weight: 600;
        }

        &.ant-tag-error {
            background-color: #fff2f0;
            border-color: #ffccc7;
            color: #ff4d4f;
            font-weight: 600;
        }
    }

    // 表格行悬停效果
    .ant-table-tbody > tr.hover-row {
        transition: all 0.2s ease;

        &:hover {
            background-color: #f5f5f5 !important;
            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
            cursor: pointer;
        }
    }

    // 单元ID链接样式
    .ant-btn-link {
        padding: 0;
        height: auto;
        line-height: 1.5;
        font-weight: 500;
        color: #1890ff;
        transition: all 0.2s ease;

        &:hover {
            color: #40a9ff;
            text-decoration: underline;
        }

        &:active {
            color: #096dd9;
        }
    }

    // 响应式设计
    @media (max-width: 1200px) {
        .filter-bar {
            .ant-space {
                width: 100%;
            }
        }
    }

    @media (max-width: 768px) {
        padding: 16px;

        .filter-bar {
            padding: 16px;

            .ant-input,
            .ant-picker,
            .ant-select {
                width: 100% !important;
            }

            .ant-btn {
                width: 100%;
            }
        }

        .ant-table-wrapper {
            .ant-table-tbody > tr > td,
            .ant-table-thead > tr > th {
                padding: 12px 8px !important;
            }
        }
    }
}
